﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wFrmLogin.aspx.cs" Inherits="EvolSoftWeb.Login" %>

<%@ Register Assembly="DevExpress.Web.v11.2, Version=11.2.7.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxRoundPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.2, Version=11.2.7.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.2, Version=11.2.7.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v11.2, Version=11.2.7.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Sitema de Pedido - Login</title>
</head>
<script type="text/javascript">
    // <![CDATA[

    function ShowPopupLogin() {
        PopupLogin.Show();
    }

    function ShowError() {
        popupCamposVacios.Show();
    }

    // ]]> 
</script>
<body>
    <form id="formLogin" runat="server">
    <div class="top-content">
        <div class="top-sistema">
            <div class="top-item">
                <img src="../images/flecha.gif" alt="Usuario" /></div>
            <div class="top-item">
                Sistema:</div>
            <div class="top-item">
                <strong>Sistema de Pedido</strong></div>
            <div class="top-item-r">
                <img src="../images/logout.gif" alt="Logout" /></div>
            <div class="top-item-r">
                <strong>ACCESO AL SISTEMA</strong></div>
        </div>
        <div id="menu">
            <ul style="float: right; margin-right: 15px">
                <li>
                    <asp:LinkButton ID="lblRecuperarClave" runat="server" OnClick="lblRecuperarClave_Click"><span><strong>Recuperar Clave &raquo;</strong></span>
                    </asp:LinkButton>
                </li>
            </ul>
            <ul style="float: right; margin-right: 15px">
                <li>
                    <asp:LinkButton ID="lblRegistrarUsuarioExterno" runat="server" OnClick="lblRegistrarUsuarioExterno_Click"><span><strong>Registrate &raquo;</strong></span>
                    </asp:LinkButton>
                </li>
            </ul>
        </div>
    </div>
    <div style="clear: both">
    </div>
    <script type="text/javascript">
    // <![CDATA[

        function ShowPopupLogin() {
            PopupLogin.Show();

        }


    // ]]> 
    </script>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            <dx:ASPxPopupControl ID="PopupLogin" runat="server" AllowDragging="True" ClientInstanceName="PopupLogin"
                CloseAction="CloseButton" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                CssPostfix="Office2010Blue" EnableViewState="False" HeaderText="Mensaje" Modal="True"
                PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                Width="300px" EnableHotTrack="False">
                <LoadingPanelImage Url="~/App_Themes/Office2010Blue/Web/Loading.gif">
                </LoadingPanelImage>
                <HeaderStyle>
                    <Paddings PaddingLeft="7px" />
                </HeaderStyle>
                <LoadingPanelStyle ImageSpacing="5px">
                </LoadingPanelStyle>
                <ContentCollection>
                    <dx:PopupControlContentControl ID="PopupControlContentControl2" runat="server" SupportsDisabledAttribute="True">
                        <br />
                        <dx:ASPxPanel ID="ASPxPanel3" runat="server" DefaultButton="btCreate">
                            <PanelCollection>
                                <dx:PanelContent ID="PanelContent2" runat="server" SupportsDisabledAttribute="True">
                                    <table align="center">
                                        <tr>
                                            <td align="center" style="width: 100%;">
                                                <dx:ASPxLabel ID="lblMsj" runat="server">
                                                </dx:ASPxLabel>
                                            </td>
                                        </tr>
                                    </table>
                                    <table>
                                        <tr>
                                            <td align="center">
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                &nbsp;&nbsp;
                                            </td>
                                            <td>
                                                &nbsp;<dx:ASPxButton ID="ASPxButton4" runat="server" AutoPostBack="False" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                                    CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                                    Text="Aceptar" Width="10px">
                                                    <ClientSideEvents Click="function(s, e) {
	PopupLogin.Hide();
}" />
                                                </dx:ASPxButton>
                                            </td>
                                        </tr>
                                    </table>
                                </dx:PanelContent>
                            </PanelCollection>
                        </dx:ASPxPanel>
                    </dx:PopupControlContentControl>
                </ContentCollection>
            </dx:ASPxPopupControl>
        </ContentTemplate>
    </asp:UpdatePanel>
    <dx:ASPxPopupControl ID="PopupRegistroUsuarioExterno" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
        CssPostfix="Office2010Blue" EnableHotTrack="False" HeaderText="" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
        AllowDragging="True" ClientInstanceName="PopupRegistroUsuarioExterno" Modal="True"
        PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter">
        <LoadingPanelImage Url="~/App_Themes/Office2010Blue/Web/Loading.gif">
        </LoadingPanelImage>
        <HeaderStyle>
            <Paddings PaddingLeft="7px" />
        </HeaderStyle>
        <LoadingPanelStyle ImageSpacing="5px">
        </LoadingPanelStyle>
        <ContentCollection>
            <dx:PopupControlContentControl runat="server" SupportsDisabledAttribute="True">
                <dx:ASPxRoundPanel ID="RoundRegistroUsuariosExternos" runat="server" Width="600px"
                    CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css" CssPostfix="Office2010Blue"
                    EnableDefaultAppearance="False" GroupBoxCaptionOffsetX="6px" GroupBoxCaptionOffsetY="-19px"
                    HeaderText="Registro de usuarios" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css">
                    <ContentPaddings PaddingBottom="10px" PaddingLeft="9px" PaddingRight="11px" PaddingTop="10px" />
                    <HeaderStyle>
                        <Paddings PaddingBottom="6px" PaddingLeft="9px" PaddingRight="11px" PaddingTop="3px" />
                    </HeaderStyle>
                    <PanelCollection>
                        <dx:PanelContent runat="server" SupportsDisabledAttribute="True">
                            <table>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblNombre" runat="server" Text="Nombre:" />
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtNombre" runat="server" Width="200px" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css" />
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                        <dx:ASPxLabel ID="lblApellido" runat="server" Text="Apellido:" />
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtApellido" runat="server" Width="200px" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblTelefono" runat="server" Text="Telefono:" />
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtTelefono" runat="server" Width="200px" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css" />
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                        <dx:ASPxLabel ID="lblFechaNacimiento" runat="server" Text="Fecha Nacimiento:" />
                                    </td>
                                    <td>
                                        <dx:ASPxDateEdit ID="DFechaNacimiento" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Spacing="0" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                            <CalendarProperties>
                                                <HeaderStyle Spacing="1px" />
                                            </CalendarProperties>
                                        </dx:ASPxDateEdit>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblDepartamento" runat="server" Text="Departamento:" />
                                    </td>
                                    <td>
                                        <dx:ASPxComboBox ID="ASPxComboBox1" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Spacing="0" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                            <LoadingPanelImage Url="~/App_Themes/Office2010Blue/Editors/Loading.gif">
                                            </LoadingPanelImage>
                                            <LoadingPanelStyle ImageSpacing="5px">
                                            </LoadingPanelStyle>
                                        </dx:ASPxComboBox>
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        <dx:ASPxLabel ID="lblProvincia" runat="server" Text="Provincia:" />
                                    </td>
                                    <td>
                                        <dx:ASPxComboBox ID="ASPxComboBox2" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Spacing="0" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                            <LoadingPanelImage Url="~/App_Themes/Office2010Blue/Editors/Loading.gif">
                                            </LoadingPanelImage>
                                            <LoadingPanelStyle ImageSpacing="5px">
                                            </LoadingPanelStyle>
                                        </dx:ASPxComboBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblDistrito" runat="server" Text="Distrito:" />
                                    </td>
                                    <td>
                                        <dx:ASPxComboBox ID="ASPxComboBox3" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Spacing="0" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                            <LoadingPanelImage Url="~/App_Themes/Office2010Blue/Editors/Loading.gif">
                                            </LoadingPanelImage>
                                            <LoadingPanelStyle ImageSpacing="5px">
                                            </LoadingPanelStyle>
                                        </dx:ASPxComboBox>
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="Direccion:">
                                        </dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="ASPxTextBox1" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                        </dx:ASPxTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblEmail" runat="server" Text="Email:">
                                        </dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtCorreoElectronico" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                        </dx:ASPxTextBox>
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        <dx:ASPxLabel ID="lblSexo" runat="server" Text="Sexo:">
                                        </dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxRadioButton ID="RBMasculino" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="M" GroupName="GSexo">
                                        </dx:ASPxRadioButton>
                                        <dx:ASPxRadioButton ID="RBFemenino" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="F" GroupName="GSexo">
                                        </dx:ASPxRadioButton>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblUsuarioExterno" runat="server" Text="Usuario:">
                                        </dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="ASPxTextBox2" runat="server" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="200px">
                                        </dx:ASPxTextBox>
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td align="right">
                                        <dx:ASPxButton ID="btnPopGuardar" runat="server" AutoPostBack="False" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="Guardar" Width="100px">
                                        </dx:ASPxButton>
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        <dx:ASPxButton ID="btnPopCancelar" runat="server" AutoPostBack="False" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="Cancelar" Width="100px">
                                            <ClientSideEvents Click="function(s, e) {
	PopupRegistroUsuarioExterno.Hide();
}" />
                                        </dx:ASPxButton>
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                            </table>
                        </dx:PanelContent>
                    </PanelCollection>
                </dx:ASPxRoundPanel>
            </dx:PopupControlContentControl>
        </ContentCollection>
    </dx:ASPxPopupControl>
    <div class="main-login">
        <asp:UpdatePanel runat="server" ID="PanelGeneral">
            <ContentTemplate>
                <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="PanelGeneral"
                    DisplayAfter="0">
                    <ProgressTemplate>
                        <div style="padding: 10px; border: 1px solid #C0C0C0; position: absolute; top: 231px;
                            left: 652px; background-color: #FFFFFF; color: #000000; width: 200px; height: 50px;
                            text-align: center;">
                            <img src="Images/loading2.gif" style="vertical-align: middle; margin-right: 10px;" />
                            <asp:Label ID="feedback" Text="Por favor espere..." runat="server" ForeColor="#333333"
                                Font-Bold="True" Font-Names="Verdana"></asp:Label>
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>
                <div class="login-content">
                    <div class="login-logo">
                        <table align="center">
                            <tr>
                                <td align="center">
                                    <img src="../Images/logoperuestilo1.png" alt="logo" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <br />
                    <br />
                    <asp:Panel ID="pnlMensaje" runat="server" CssClass="content-message">
                        <asp:Label ID="lblMensaje" runat="server" Text="Ingrese su usuario y password"></asp:Label>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlLogin">
                        <table cellpadding="0" cellspacing="0" border="0" class="tb-login">
                            <tr>
                                <td>
                                    Usuario:
                                </td>
                                <td>
                                    <asp:TextBox ID="txtUsuario" runat="server" Style="width: 122px"></asp:TextBox>
                                </td>
                                <td>
                                    Password:
                                </td>
                                <td>
                                    <asp:TextBox ID="txtPassword" TextMode="Password" runat="server" Style="width: 122px"></asp:TextBox>
                                </td>
                                <td>
                                    <dx:ASPxButton ID="btnIngresar" runat="server" Text="Ingresar" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                        CssPostfix="Office2010Blue" OnClick="btnIngresar_Click1" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                        Width="100px">
                                    </dx:ASPxButton>
                                </td>
                            </tr>
                        </table>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlRecuperar" Visible="false">
                        <table cellpadding="0" cellspacing="0" border="0" class="tb-login">
                            <tr>
                                <td>
                                    Email:
                                </td>
                                <td>
                                    <asp:TextBox ID="txtEmail" runat="server" Style="width: 200px"></asp:TextBox>
                                    <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail"
                                        Display="Dynamic" ErrorMessage="Email inválido" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
                                    </asp:RegularExpressionValidator>
                                </td>
                                <td>
                                    <dx:ASPxButton ID="btnRecuperar" runat="server" Text="Recuperar" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                        CssPostfix="Office2010Blue" OnClick="btnRecuperar_Click1" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                        Width="100px">
                                    </dx:ASPxButton>
                                </td>
                                <td>
                                    <dx:ASPxButton ID="btnCancelar" runat="server" Text="Cancelar" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                        CssPostfix="Office2010Blue" OnClick="btnCancelar_Click1" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                        Width="100px">
                                    </dx:ASPxButton>
                                </td>
                            </tr>
                        </table>
                    </asp:Panel>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    <div style="clear: both;">
    </div>
    <div class="footer-content" style="position: absolute; bottom: 0">
        <p style="float: left">
            <a>2013 Peru Estilo S.A.C, Todos los Derechos Reservados</a></p>
        <p style="float: right">
            <a>Departamento de Sistemas</a></p>
    </div>
    </form>
</body>
</html>
